.topbar{ position:absolute; right:0; top:8px;z-index: 99999;}
.topbar ul{ float:left; }
.topbar ul li{ float:left; color:#999; line-height:40px; padding:0 30px 0 0;}
.topbar ul li a{ color:#999;font-size:15px;} 
.topbar ul li a:hover{ color:#555;  }


.lang_wrap a { 
    display: inline-block;
    padding-left: 28px;
    background: url(../images/icon_lang.png) no-repeat 0 0;
    background-size: 21px 63px;
    line-height: 21px;
}
.lang_wrap a.en {    background-position: 0 -21px;}
.lang_wrap a.cn {    background-position: 0 -42px;}
.lang_wrap a.on {    color: #555;}



.btn_nav	{display:none}
#header { width:100%; height:110px;}
#header:after,.navMain:after{ content:"";display: block;clear:both;}
.navMain{ width:100%; max-width:1300px; margin:0 auto; position:relative; }
.navMain .logo{ float:left; width:410px;}
.navMain .logo a .logo_img{  width:100px; float:left; display:block; background-color: #1e549c; margin: 8px 8px 0 0;}
.navMain .logo a span{  float:left; display:block;}
.navMain .logo a span.logo_zh{ font-size:24px; font-weight:bold; color:#1e549c; padding-top:22px;}
.navMain .logo a span.logo_en{ font-size:16px; font-weight: normal; color:#999;letter-spacing:0.1px;}



/* 一级导航 */
.nav{ float:right; right:0; margin-top:0px; position:absolute; padding-top:24px;}
.nav>ul{ float:right; }
.nav>ul>li{ float:left; position:relative;  }
.nav ul li span{ display:none;}
.nav ul li a{ display:block;  font-size:1.1em; line-height:86px; color:#073763 ; padding:0 30px;    font-weight: 500;	}
.nav ul li a:hover,.nav ul li a.cur{ /*color:#3858c8;*/text-decoration: none;}
.nav ul li:before{ content:""; position:absolute;transition: all ease-out 0.3s;
    left: 50%;
    top:70px; 
    display: block;
    width: 0;margin-left:0;
	height:3px;
	overflow:hidden;
	background:#1e549c;
}
.nav ul li:hover:before{     width:70px; margin-left:-35px;}
.nav ul li li:before{ display:none;}
/*
.nav ul li:last-child:before


.nav ul li a.cur:after{ content:""; z-index:999;position:absolute; bottom:16px; left:35px; width:65px; height:2px;background:#2367B5;}
.nav ul li a.language{padding:0 7px; overflow:hidden;
    font-family: 'Titillium Web',Arial,"微软雅黑";
    font-size: 15px;
    color: #969697;
}
.nav ul li a.language:hover,.nav ul li a.language.hover{  color:#0099ff; }*/
/* 二级导航 */
.nav ul ul{ position:absolute; left:50%; top:86px; display:none ; 
width:150px;margin-left:-75px; z-index:11; padding-top:3px;   
background: rgba(235,235,235,0.85); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/
}
/*.nav ul ul:before{ content:""; z-index:999;position:absolute;
    left: 50%;
    top:-21px; margin-left:-3px;
    display: block;
    border-color: transparent transparent #3858c8 transparent;
    border-width: 8px;
    border-style: solid;
    width: 0px;
    height: 0px;
}*/

.nav ul li li{ float:left;width:100%;position:relative; }
.nav ul li li:last-child a{border-bottom:none; }
.nav ul li li a{ float:left; width:90%; padding:0 5%; border-bottom:#ccc 1px dashed; text-align:left;  font-size:1em; line-height:36px;color:#444; }
.nav ul li li a:hover{ color:#0066af;  }
.nav ul li li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 8px;    height: 8px;
    overflow: hidden;
    background: ;
    top: 50%;
    margin-top: -8px;
    right: 20px;
    transform: rotate(45deg);
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
}
.nav ul li li:hover:after{   right: 5px; width: 11px;    height: 11px; border-right: #3858c8 1px solid;    border-top: #3858c8 1px solid;}

 /* 三级导航 */
.nav ul li ul li ul{ position:absolute; display:none; z-index:12; left:204px; top:0;  }
.nav ul li ul li:last-child ul{  display:none; height:0; width:0; background: none;  }
.nav ul li ul li ul li a{ }
.nav ul li ul li ul li a:hover{ }
@media screen and (max-width:1030px){
 /* 导航 */
 .navMain{ width:98%; margin:0 1%;}
.navMain .logo{ width: 390px;padding-top:20px;}
.navMain .logo a .logo_img{  width:100px; }
.navMain .logo a span.logo_zh {    padding-top: 8px;}
.nav ul li a{  font-size:1em;  padding:0 25px;}
 /* banner */
.inner_nav .page_inner {    width: 1000px;}

}
@media screen and (max-width:800px){
/* 导航 */
#header{ width:100%;  height:75px; background:rgba(255, 255, 255, 0.9);  top:0; left:0; z-index:999; position: relative;   }
.navMain .logo{  width:auto;padding-top:10px;}
.navMain .logo a .logo_img{  width:60px; margin:0; }
.navMain .logo a span{ display:none;}
.topbar{ position:absolute; right:32px; top:18px;}	 
	 
	 .btn_nav	{display:block; font-size:0; position:absolute; top:20px; right:10px;width:32px; height:32px;/* background:#FFF;*/}
	 .btn_nav span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#000;transition: all ease-out 0.3s;}
	 .btn_nav span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#000;transition: all ease-out 0.3s;}
	 .btn_nav span{ width:26px; height:2px; background:#000;  display:block; margin:15px auto;}
	 .btn_nav span.open{background:none;  }
	 .btn_nav span.open:before { transform: rotate(45deg); top:50%; margin-top:-1px;}
	 .btn_nav span.open:after { transform: rotate(-45deg);bottom:50%;margin-bottom:-1px;}
	 
	 .nav	{overflow-y:scroll; position:fixed; z-index:100; top:75px; bottom:0; left:auto; right:-100%;  margin:0; width:100%; /*background:#000;*/padding-top: 0;
	 -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
	 .nav.on	{ right:0 !important;/*box-shadow: -1px 0 1px #E9EFF5;*/background:rgba(0, 0, 0, 0.6);
	 -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	 }
	 
    /* 一级导航 */
	 .nav ul	{/*margin-top:51px !important;*/margin-right:0 !important;background:rgba(0, 0, 0, 0.6); padding:0;}
	 .nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #ddd;background:rgba(30, 84, 156,0.6); }
	/* .nav ul li:first-child	{border-top:1px solid #e9eff5; }*/
	 .nav ul li span{ display: block!important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background: none;  }
	 .nav ul li a	{ font-size:15px; text-align:left; line-height:50px; /*text-indent:30px;position:relative;*/color:#fff; }
	 .inline .nav>ul>li a{ color:#fff;}
	.inline .nav ul li li a{color:#444 !important;}
	

.nav ul li:before{ display:none;
}
	
	.nav ul li a:after {
    transition: all ease-out 0.1s;
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    top: 50%;
    margin-top: -6px;
    right: 23px;
    transform: rotate(-45deg);
    border-right: #f9f9f9 1px solid;
    border-bottom: #f9f9f9 1px solid;
}
   .nav ul li a.wuji:after{transform: rotate(-45deg) !important;  top: 25px; right: 27px; border-right: #777 1px solid !important; border-bottom: #777 1px solid !important;width: 10px; height: 10px;}
   .nav ul li a.cur:after{transform: rotate(-135deg);
    top: 25px;
    border-right: #008BD2 1px solid;
    border-bottom: #008BD2 1px solid;}

a.lan {
    border: none;
 float: left;
    padding-left: 0;  width:100%;
}

	 .nav ul li.on ul li a:after	{display:none !important;}	
	 .nav ul li.on:hover a:after ul li a:after	{display:none}
	 .nav ul li ul li a:after	{display:none !important}
	 .nav ul li:hover ul li a:after	{display:none !important}
/* 二级导航 */
	 .nav ul ul	{position:static !important;  margin:0 !important; padding:0 !important; border:0; background:#f0f5fa; box-shadow:none; width:100%; overflow:hidden;}
	 .nav ul ul:before {display:none !important;}
	 .nav ul li li	{ background:#f0f5fa;}
	 .nav ul li li:after {    right: 28px;}
	 .nav ul li li a	{padding: 8px 0; text-indent:10%; width:100%; color:#666; font-size:14px !important; text-transform:none}
	 .nav ul li li:first-child a:hover	{box-shadow:none}
	
	 
/* 三级导航 */
.nav ul li ul li ul li a{ text-indent: 30px !important;  }

}